require(['icheck','layer'], function(icheck,layer){

	// 选择类型时，显示对应的属性
	selectType = function(){
		$("select[name='type_id[]']").change(function(event) {
			var self = $(this);
			var type_id = self.val();
			var url = self.attr('data-url');
			var default_opt = "<option value='' >———— 请选择属性 ————</option>";
			var attrSelect = self.parent().next().children("select");
			// 应该被选中的属性id
			var attr_id = self.attr('attr-id');

			if (!type_id) {
				attrSelect.html(default_opt);
			} else {
				$.get(url, {type_id: type_id}, function(json){
					if (json.status) {
						attrSelect.find('option').remove();

						attrSelect.append(default_opt);
						for (var i = 0, len = json.data.length; i < len; i++) {
							if (attr_id == json.data[i].id) {
								attrSelect.append('<option selected value="'+json.data[i].id+'">'+json.data[i].attr_name+'</option>');
							} else {
								attrSelect.append('<option value="'+json.data[i].id+'">'+json.data[i].attr_name+'</option>');
							}
						}
					} else {
						attrSelect.html(default_opt);
					}
				}, 'json');
			}
		});

		// 直接触发change事件取出属性
		$("select[name='type_id[]']").trigger("change");
	}

	// 点击加号克隆一份
	cloneAttr = function(){
		// 选中a标签所在的p标签
		$('.attr-div').on('click', '.clone-this', function(event) {
				var self = $(this);
				var attr_div = self.parent().parent();
				if(self.html() == "[+]"){
					var new_attr_div = attr_div.clone(true);  // 深度克隆，把标签上的事件也克隆
					new_attr_div.children().find("a").html("[-]");
					attr_div.after(new_attr_div);
				} else {
					attr_div.remove();
				}

		});
	}

	// 选择类型时，显示对应的属性
	selectType();

	// 点击加号克隆一份
	cloneAttr();

	// 单选框复选框样式事件
	iCheckStyle('select-all','brand_id[]');



});